<!DOCTYPE html>
<html lang="en">

<head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width,initial-scale=1.0">
      <link rel="icon" href="/favicon.ico" type="image/x-icon">
      <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
      <title>冉成未来</title>
      <style>
            * {
                  box-sizing: border-box;
            }

            body {
                  font-family: Arial, Helvetica, sans-serif;
                  padding: 10px;
                  background-color: #f1f1f1;
            }

            .header {
                  /* padding: 10px; */
                  text-align: center;
            }

            .header h1 {
                  font-size: 50px;
            }

            .topnav {
                  overflow: hidden;
                  background-color: #333;
            }

            .topnav a {
                  float: left;
                  display: block;
                  color: #f2f2f2;
                  text-align: center;
                  padding: 15px 16px;
                  text-decoration: none;
            }

            .topnav a:hover {
                  background-color: #ddd;
                  color: black;
            }

            /* .leftcolumn {
                  float: left;
                  width: 75%;
                 } */

            /* .rightcolumn {
                  float: right;
                  width: 25%;
                  background-color: #f1f1f1;
                  padding-left: 20px;
                 } */

            /* .fakeimg {
                  background-color: #aaa;
                  width: 100%;
                  padding: 20px;
                 } */

            /* .card {
                  background-color: white;
                  padding: 20px;
                  margin-top: 20px;
                 } */

            /* .row:after {
                  content: "";
                  display: table;
                  clear: both;
                 } */

            iframe {
                  width: 100%;
                  height: 100%;
                  min-height: 1000px;
            }

            .footer {
                  padding: 10px;
                  text-align: center;
                  background: #ddd;
            }

            .active {
                  background-color: #4CAF50;
                  color: white;
            }

            /* @media screen and (max-width:800px) {
                  .leftcolumn,.rightcolumn {
                        width: 100%;
                        padding: 0;
                  }
                 } */

            @media screen and (max-width:400px) {
                  .topnav a {
                        float: none;
                        width: 100%;
                  }
            }
      </style>
</head>

<body>
      <div class="header">
            <h1>冉成未来</h1>
            <p>有网站、小程序、APP、数据库、大模型开发需求可微信搜索RanChengFuture</p>
      </div>

      <div class="topnav">
            <a onclick="changeClass(this)" href="news.html" target="iframe">新闻</a>
            <a onclick="changeClass(this)" href="study.html" target="iframe">学习</a>
            <a onclick="changeClass(this)" href="vedio.html" target="iframe">视频</a>
            <a onclick="changeClass(this)" href="books.html" target="iframe">读书</a>
            <a onclick="changeClass(this)" href="tools.html" target="iframe">工具</a>
            <a onclick="changeClass(this)" href="aiWebs.html" target="iframe">人工智能</a>
            <a onclick="changeClass(this)" href="selfIntroduce.html" target="iframe">个人介绍</a>

            <!-- <a href="#" style="float: right;">关于</a> -->
      </div>

      <div class="content">
            <iframe src="news.html" frameborder="0" name="iframe"></iframe>
      </div>

      <div class="footer">
            <h2>版权所有©冉成未来（微信公众号：冉成未来）</h2>
      </div>
</body>
<script>
      function changeClass(e) {
            $(".active").removeClass("active");
            $(e).addClass("active");
      }
      // document.oncontextmenu = new Function("event.returnValue=false");
      // document.onselectstart = new Function("event.returnValue=false");
      // document.oncontextmenu = function (e) { return false; }
      // document.onkeydown = function () {
      //       if (window.event && window.event.keyCode == 123) {
      //             event.keyCode = 0;
      //             event.returnValue = false;
      //             return false;
      //       }
      // }
</script>

</html>